@CHARSET "UTF-8";

h3 {
	margin: 2px;
	padding: 1px;
}

body{
	background-color: #EEE;
}

/*
WINDOWS Class
*/
.winBody {
	position: absolute;
	top: 20px;
	left: 50px;
	width: 600px;
	height: 400px;
	background-color: #DED9CC;
	border: 2px solid #AAA;
	margin: 0px;
	padding: 0px;
	z-index: 500;
}

.winTitle {
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	height: 14px;
	background-color: #08246B;
	border: 1px solid #FFF;
	color: #FFF;
	font-weight: bold;
	padding: 3px;
	font-size: 10pt;
	font-family: serif;
	cursor: default;
}

.winDrag {
	position: absolute;
	top: 2px;
	left: 1px;
	right: 22px;
	height: 20px;
}

.winContent {
	position: absolute;
	top: 25px;
	bottom: 19px;
	left: 1px;
	right: 1px;
	background-color: #808080;
	border-top: 1px solid #424242;
	border-left: 1px solid #424242;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.winBottom {
	position: absolute;
	bottom: 1px;
	left: 1px;
	right: 1px;
	height: 15px;
	border: 1px solid #AAA;
	font-weight: bold;
	text-align: right;
	background-color: #EFE7DE;
}

.winClose {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 17px;
	height: 16px;
	margin: 0px;
	padding: 0px;
	background-image: url("../images/close.PNG");
	background-repeat: no-repeat;
	background-color: #CCC;
}

.winResize {
	cursor: nw-resize;
}

.controlButtonOn {
	background-color: #EEE;
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 2px;
	width: 60px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-bottom: 2px solid #CCC;
	border-right: 2px solid #CCC;
}

.controlButtonOff {
	border-top: 2px solid #CCC;
	border-left: 2px solid #CCC;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
}

/**/
body {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#MainClientContainer {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: #E7E9ED;
}

#MainWinBar {
	position: absolute;
	width: 100%;
	height: 26px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#MainParentWin {
	position: absolute;
	top: 31px;
	bottom: 0px;
	width: 100%;
}

#MainContactList {
/*	position: absolute;
	width: 100%;
	height: 100%;
	border: 0px;
	background-image: url("../images/contactListBack.png");*/
}

.tab_background {
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 4px;
	overflow: hidden;
	background-image: url("../images/alltabs_back.PNG");
	background-repeat: repeat-x;
/*	background-color: #F00; */
	border-bottom: 1px solid #FFF;
}

.tab_not_active {
	position: absolute;
	overflow: hidden;
	cursor: default;
	border: 0px;
	height: 24px;
	width: 110px;
	background-image: url("../images/tab_notactive.PNG");
	background-repeat: no-repeat;
}

.tab_active {
	background-image: url("../images/tab_active.PNG");
	background-repeat: no-repeat;
	font-weight: bold;
}

.tab_active_newMessage {
	background-image: url("../images/tab_active_new.PNG");
}

.tab_not_active_newMessage {
	background-image: url("../images/tab_notactive_new.PNG");
}

.tab_hover {
	background-image: url("../images/tab_active.PNG");
	background-repeat: no-repeat;
}

.tab_status {
	position: absolute;
	top: 4px;
	left: 3px;
	width: 20px;
	height: 24px;
}

.tab_text {
	position: absolute;
	top: 0px;
	left: 20px;
	width: 70px;
	height: 20px;
	margin-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.tab_close {
	position: absolute;
	top: 0px;
	left: 90px;
	width: 20px;
	margin-top: 5px;
}

.chatArea_UserMessageText {
	position: absolute;
	border: 1px solid #CCD;
	top: 2px;
	bottom: 2px;
	left: 2px;
	right: 100px;
}

.chatArea_UserMessageText1 {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: #FAFAFF;
	/*	background-image: url("../images/body_back.PNG");
	background-repeat: repeat-y; */
}

.chatArea_ButtonSend {
	height: 30px;
	width: 90px;
	position: absolute;
	right: 5px;
	bottom: 2px;
	border: 1px solid #001;
	background-color: #BB9;
	color: #FFF;
	font-weight: bold;
}

.chatArea_userUIN {
	font-weight: bold;
	padding-left: 3px;
}

.chatArea_message_text {
	word-wrap: break-word;
	padding-left: 5px;
	padding-right: 5px;
}

.chatArea_message {
	width: 100%;
	cursor: default;
	border: 0px solid transparent;
	padding-left: 0px;
	margin-left: 0px;
}

.chatArea_message_active {
	background-color: #FAFAFA;
}

.chatArea_mainWindow {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	display: none;
}

.chatArea_messagesWindow {
	position: absolute;
	top: 0px;
	width: 100%;
	overflow-y: scroll;
	overflow-x: auto;
	background-color: #FFF;
	background-image: url("../images/body_back.PNG");
	background-repeat: repeat-y;
}

.chatArea_inputWindow {
	position: absolute;
	bottom: 0px;
	width: 100%;
	border-top: 1px solid #000;
	background-color: #EFE7DE;
}

.charArea_oldMessagesSeparator {
	text-align: center;
	width: 100%;
	border: 0px;
	border-top: 1px solid #CCC;
	padding-bottom: 10px;
}

/*  
	CONTACT LIST
*/
.contactListArea {
	position: absolute;
	top: 22px;
	bottom: 151px;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #F00;
}

.contactList_clientControl {
	position: absolute;
	background: transparent;
	bottom: 0px;
	height: 50px;
	width: 100%;
	border-top: 1px solid #FFF;
}

.contactList_clientControlV {
/*	position: absolute; */
	background: #000;
	bottom: 0px;
	height: 50px;
	width: 100%;
	filter: alpha(opacity =   40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.contactList_contrlPanel {
/*	position: absolute;*/
	background: transparent;
	top: 0px;
	height: 22px;

	left: 0px;
	right: 0px;
	padding-left: 5px;
	border-bottom: 1px solid #FFF;
}

.contactList_contrlPanelV {
/*	position: absolute; */
	background: #000;
	top: 0px;
	height: 22px;
/*	width: 100%; */
	filter: alpha(opacity =   40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.contactContainer {
	position: absolute; 
	left: 2px;
	right: 2px;
	height: 19px;
	cursor: default;
	border: 1px dashed #5A5;
	border-bottom: 0px;
}

.contactContainerTr {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 19px;
	cursor: default;
	border: 0px;
}

.contactContainer_Active {
	background-color: #000;
	opacity: 0.5;
}

.contactStatus {
	position: absolute;
	left: 1px;
	top: 2px;
}

.contactStatusPictore {
	position: absolute;
	left: 0px;
	top: 0px;
}

.contactText {
	position: absolute;
	left: 22px;
	right: 0px;
	top: 3px;
	height: 20px;
	page-break-inside: avoid;
	overflow: hidden;
	font-family: sans-serif;
	font-size: 12px;
	color: #00B;
	
}

/*
	Contact menu
	*/
.contactMenu_mainWin {
	position: absolute;
	width: 200px;
	height: auto;
	background-color: #FFF;
	z-index: 500;
	border: 1px solid #808080;
}

.contactMenu_title {
	position: absolute;
	width: 100%;
	height: 20px;
	background-color: #505050;
	color: #FFF;
	cursor: default;
}

.contactMenu_items {
	list-style: circle;
	padding-left: 20px;
	cursor: default;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0px;
	padding-top: 25px;
}

.contactMenu_item {
	border: 1px solid #FFF;
}

.contactMenu_hover {
	border: 1px solid #8C8673;
	background-color: #E7DFD6;
	list-style: disc;
}

/*
	LOG messages
	*/
.log_LogArea {
	overflow-y: scroll;
	overflow-x: hidden;
	padding:5px; 
/*	position: absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color: #FFF;
	color:#000;	*/
}
	
.log_message {
	width: 100%;
	border-bottom: 1px solid #EEE;
	font-size: 11pt;
	font-weight: bold;
	font-family: monospace;
	cursor: default;
	word-wrap: break-word;
}

.log_message_active {
	background-color: #EFF;
}

.log_date {
	color: #A00;
	background-color: #FFC;
}